@media screen and (max-width: 1200px) {
    header .header .nav .nav-list li { padding: 20px 30px; }
    section .banner img { width: 120%; margin-left: -10%; }
    /*********头部header start*******/
    section { overflow: hidden; }
    header .header, section .fixedWidth { width: 94%; }
    /*********头部header end*********/

    /*********主页home start*********/
    .home-classification { padding: 3% 0 }
    .home-dynamic .home-dynamicCon .home-dynamicImg { width: 60%; }
    .home-dynamic .home-dynamicCon .home-dynamicImg img { width: 100%; }
    .home-dynamic .home-dynamicCon .home-dynamicList ul li { padding: 12px 0; }
    .productInfo .productInfoCon .pro-mian .scene .sceneCon img { width: 48%; }
    /*********主页home end***********/

    /*********联系contact start******/
    .contact .contactCon .box { width: 94%; }
    .contact .contactCon .contactList .list li a .img { width: 120px; height: 120px; line-height: 120px; }
    .contact .contactCon .contactList .list li a .img img { width: 70%; }
    /*********联系contact end********/

    /*********底部footer start*******/
    footer .footer { width: 94%; }
    footer .footer .footer-form .form .row .txt.f1 { width: 200px; }
    footer .footer .footer-form .form .row .txt.f2 { width: 560px; }
    /*********底部footer end*********/
}

@media screen and (max-width: 1024px) {
    header .header .nav .nav-list li { padding: 20px 18px; }
    header .header .nav .nav-list li.search { left: -140px; }
    header .header .nav .nav-list li.search input { width: 100px; }
    section .banner img { width: 140%; margin-left: -20%; }
    /*********主页home start*********/
    .home-banner .swiper-container .swiper-slide img { width: 116%; margin-left: -8%; }
    .home-classification .classList li .img { width: 120px; height: 120px; line-height: 120px; }
    .home-classification .classList li .img img { width: 60%; }
    .home-dynamic .home-dynamicCon .home-dynamicList ul li { padding: 8px 0; }
    .home-dynamic .home-dynamicCon .home-dynamicImg { width: 50%; }
    /*********主页home end***********/

    /*********产品prosuct start******/
    .product .productCon .product-nav a { width: 30%; margin: 0 1%; }
    .product .productCon .product-main .productList ul li .pro-hover h3 { padding-top: 15%; }

    .productInfo .productInfoCon .pro-header .pro-right .pro-stitle, .productInfo .productInfoCon .pro-header .pro-right .pdTop { padding: 10px 0; }
    .productInfo .productInfoCon .pro-header .pro-right .pro-price { padding: 10px; }
    /*********产品prosuct end*******/

    /*********动态dynamic start*****/
    .dynamicInfo .dynamic-con { width: 94%; }
    /*********动态dynamic end*******/

    /*********底部footer start*******/
    footer { height: auto; }
    footer .footer .footer-form { padding-left: 100px; }
    footer .footer .footer-form .form .row { float: none; width: 100%; }
    footer .footer .footer-form .form .row .txt.f1, footer .footer .footer-form .form .row .txt.f2 { width: 380px; }
    /*********底部footer end*********/
}

@media screen and (max-width: 850px) {
    header .header .nav .nav-list li { padding: 20px 12px; }
    header .header .nav .nav-list li.search { left: -130px; }
    header .header .nav .nav-list li.search input { width: 90px; }
    /*********主页home start*********/
    .home-banner .swiper-container .swiper-slide img { width: 130%; margin-left: -15%; }
    .home-company .home-companyCon { padding-left: 420px; }
    .home-dynamic .home-dynamicCon .home-dynamicImg { width: 100%; }
    .home-dynamic .home-dynamicCon .home-dynamicList { width: 100%; padding: 0; }
    .home-dynamic .home-dynamicCon .home-dynamicList ul li { padding: 15px 0; }
    /*********主页home end***********/

    /*********产品prosuct start******/
    .productInfo .productInfoCon .pro-header .pro-left { width: 100%; }
    .productInfo .productInfoCon .pro-header .pro-right { width: 100%; padding-top: 5%;padding-left:0px; }
    /*********产品prosuct end*******/

    /*********底部footer start*******/
    footer .footer .footer-form .form .row .txt.f1, footer .footer .footer-form .form .row .txt.f2 { width: 280px; }
    /*********底部footer end*********/

}

@media screen and (max-width: 768px) {
    .productInfo .productInfoCon .pro-nav-box { height: 40px; }
    .productInfo .productInfoCon .pro-nav { display:none; }
    .home-banner .swiper-container .swiper-slide img { width: 100% !important; height: auto !important; min-height: initial !important; max-height: initial !important; margin-left: 0 !important; }
    .home-banner .swiper-container .swiper-slide img.pc { display: none; }
    .home-banner .swiper-container .swiper-slide img.wap { display: initial; }
    .home-banner .swiper-container .swiper-pagination-bullet { width: 30px; height: 4px; margin: 0px 5px; }
    header .header .menu_bt { display: block; }
    header .header .nav { z-index: 10; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 0; padding-top: 40px; color: #fff; opacity: 0; background-color: #000; overflow: hidden; }
    header .header .nav.black { height: 100%; opacity: 1; overflow-y: auto; }
    header .header .nav .nav-list { padding: 20px 8%; }
    header .header .nav .nav-list li { float: left; clear: both; width: 100%; height: auto; padding: 10px; border-bottom: 1px solid #404040 }
    header .header .nav .nav-list li a { width: 100%; }
    header .header .nav .nav-list li a, header .header .nav .nav-list li.lang a, header .header .nav .nav-list li.lang span { color: #fff; text-align: left; padding: 0px; }
    header .header .nav .nav-list li.lang { padding: 10px }
    header .header .nav .nav-list li.lang a{ width:auto; }
    header .header .nav .nav-list li a.menu { background: url(../Images/arr-bottom.png) no-repeat center right; background-size: 12px auto; }
    header .header .nav .nav-list li.active a, header .header .nav .nav-list li.hover a { color: #0ab343; border-width: 0px; }
    header .header .nav .nav-list li div { clear: both; position: relative; height: 0px; width: 100%; padding: 0px; left: initial; top: initial; background-color: #000; }
    header .header .nav .nav-list li div table { width: 100%; }
    header .header .nav .nav-list li div table tr td { border-width: 0px; padding: 0 10px; }
    header .header .nav .nav-list li div table tr td a { color: #bcbcbc; font-size: 12px; height: 26px; line-height: 26px; }
    header .header .nav .nav-list li div table tr td table { clear: both; position: relative; height: auto;display:inherit; opacity: 1; width: 100%; padding: 0px; left: initial; top: initial; background-color: #000; }
    header .header .nav .nav-list li.active div table tr td a { color: #bcbcbc; font-size: 12px; height: 30px; line-height: 30px; }
    header .header .nav .nav-list:hover li a { color: #fff; border-width: 0px; }
    header .header .nav .nav-list li:hover a { height: 30px; }
    header .header .nav .nav-list li:hover div { display: block; opacity: 1; height: 0px; overflow: auto; }
    header .header .nav .nav-list li:hover div a { color: #0ab343; border-width: 0px; height: 30px; }
    header .header .nav .nav-list li:hover div table tr td a { height: 30px; color: #bcbcbc; }
    header .header .nav .nav-list li:hover div table tr td:hover table a { color: #bcbcbc; height: 30px; }
    header .header .nav .nav-list li:hover div table tr td.parent { background: none; }
    header .header .nav .nav-list li.hover a.menu { background-image: url(../Images/arr-top.png) }
    header .header .nav .nav-list li.hover div { height: auto; opacity: 1; }
    header .header .nav .nav-list li.hover div table tr td a { color: #bcbcbc; height: 30px; line-height: 30px; }
    header .header .nav .nav-list li.hover div table tr td a:hover { color: #0ab343; }
    header .header .nav .nav-list li.hover div table tr td a.active { color: #0ab343; }
    header .header .nav .nav-list li:hover div table tr td:hover table a:hover { color: #0ab343; height: 30px; }
    header .header .nav .nav-list li:hover div table tr td a:hover, header .header .nav .nav-list li:hover div table tr td:hover a { height: 30px; }
    header .header .nav .nav-list li.search { position: relative; left: initial; top: initial; height: auto; padding: 10px !important; }
    header .header .nav .nav-list li.search input { width: 50%; height: 30px; line-height: 28px; border: 1px solid #666; background-color: #666; color: #fff; }
    header .header .nav .nav-list li.search button { width: 33px; height: 30px; line-height: 30px; background-color: #000; }
    header .header .nav .nav-list li.search button img { height: 22px; margin: 3px; }
    /*********主页home start*********/
    .home-classification .classList li h3 { font-size: 18px; }
    .home-classification .classList li h4 { font-size: 16px; }
    .home-company .home-companyCon { padding: 0; }
    .home-company .home-companyCon img { position: static; width: 100%; }
    .home-company .home-companyCon .home-companyMain { padding-top: 20px; text-align: center; }
    .home-company .home-companyCon .home-companyMain .more-btn a { margin: 0 auto; }
    .home-productCon .home-productList li a .pro-img .proImg-hover h3 { padding-top: 12%; font-size: 20px; }
    .home-productCon .home-productList li a .pro-img .proImg-hover p { padding: 10px; height: 44px; font-size: 12px; }
    .productInfo .productInfoCon .pro-mian .border-main { min-height: 80px;  }
    .listpager a { margin: 0 4px; }

    .home-dynamic .home-dynamicCon .home-dynamicImg img { width: 100%; }
    /*********主页home end***********/

    /*********关于about start********/
    .about { padding-bottom: 40px; }
    .about .aboutCon .about-concept .home-companyCon { padding-left: 0; }
    .about .aboutCon .about-concept .home-companyCon .home-companyMain { padding-top: 30px; }
    .about .aboutCon .about-concept .about-conceptImg .about-txt { padding-right: 0; }
    .about .aboutCon .about-concept .about-conceptImg .about-txt h3 { padding: 10% 0 3%; text-align: center; }
    .about .aboutCon .about-concept .about-conceptImg .about-txt p { padding: 0 5% 15%; text-align: center; }
    /*********关于about end**********/

    /*********联系contact start******/
    .contact .contactCon .contactList { padding: 10% 0; }
    .contact .contactCon .contactList .list li { width: 50%; padding: 10% 15px 0; }
    .contact .contactCon .contactList .list li a { padding: 10px; }
    .contact .contactCon .contactList .list li a .listCon { padding-top: 26%; }
    /*********联系contact end********/

    /*********底部footer start*******/
    footer .footer .footer-left .footer-logo { display: none; }
    footer .footer .footer-left .footer-contact { width: 35%; }
    footer .footer .footer-form { width: 65%; }
    /*********底部footer end*********/
}

@media screen and (max-width: 640px) {
    .home-banner .swiper-container .swiper-pagination { bottom: 10px !important; }
    .home-banner .swiper-container .swiper-button-next { width: 40px; height: 40px; background-size: 20px 30px; display: none; }
    .home-banner .swiper-container .swiper-button-prev { width: 40px; height: 40px; background-size: 20px 30px; display: none; }
    .home-banner .swiper-container:hover .swiper-button-prev, .home-banner .swiper-container:hover .swiper-button-next { display: none; }
    .listpager { display: none; }
    section { padding-top: 40px; }
    /*********头部header start*******/
    header { height: 40px; line-height: 40px; }
    header .header { width: 94%; }
    header .header .logo a { height: 30px; margin-top: 5px; }
    header .header .logo a img { height: 30px; }
    header .header .menu_bt { margin-top: 10px; }
    header .header .menu_bt.open { margin-top: 30px; }
    header .header .nav { padding-top: 40px; }
    /*********头部header end*********/

    /*********主页home start*********/
    .home-productCon .home-productList li a .pro-img .proImg-hover { display: none; }
    .home-productCon .home-productList li a .pro-img img:hover { transform: scale(1.2); }
    /*********主页home end***********/

    /*********产品prosuct start******/
    .product .productCon .product-nav a { width: 30%; height: 40px; line-height: 40px; margin: 0 1%; font-size: 14px; }
    .product .productCon .product-main .productList ul li { width: 50%; }
    .productInfo .productInfoCon .pro-mian .parameter .border-main { overflow-x: auto; }
    .productInfo .productInfoCon .pro-mian .parameter .tableBox { width: 690px; }
    .productInfo .productInfoCon .pro-nav { margin-top: 60px; }
    .product .productCon .product-main .productList ul li .pro-hover { display: none; }
    /*********产品prosuct end*******/

    /*********动态dynamic start*****/
    .dynamicInfo .dynamic-con .new_head { padding: 0; }
    /*********动态dynamic end*******/

    /*********底部footer start*******/
    footer .footer { width: 90%; padding: 40px 0 20px; }
    footer .footer .footer-left .footer-logo a { font-size: 48px; }
    footer .footer .footer-form, footer .footer .footer-left .footer-contact { width: 100%; padding-left: 0; }
    /*********底部footer end*********/
}

@media screen and (max-width: 480px) {
    header .header .nav .nav-list li a, header .header .nav .nav-list li.lang a, header .header .nav .nav-list li.lang span, header .header .nav .nav-list li.active a { height: 30px; line-height: 30px; }
    section .banner img { width: 220%; }
    /*********主页home start*********/
    .box .box-head { padding: 25px 0; }
    .box .box-head .title-con h2 { font-size: 20px; }
    .box .box-head .title-con span { font-size: 12px; }
    .home-productCon .home-productList li { width: 100%; padding: 15px; }
    .home-productCon .home-productList li a > p { font-size: 16px; }
    .home-classification .classList li { width: 100%; padding: 15px }
    /*********主页home end***********/

    /*********产品prosuct start******/
    .product .productCon .product-nav { padding: 25px 0; }
    .product .productCon .product-main .productList ul li { padding: 10px; }
    .productInfo .productInfoCon .pro-mian .scene { padding-bottom: 40px; }
    .productInfo .productInfoCon .pro-nav ul li { padding: 0 20px; }
    .contact .contactCon .contactList .list li a .listCon { padding-top: 18%; }
    /*********产品prosuct end*******/

    /*********动态dynamic start*****/
    .dynamic .newCon { padding: 0; }
    .dynamicList li { padding: 20px 0 20px 0; }
    .dynamicList li .dynamic-title > p { display: none; }
    .dynamicList li .dynamic-img { position: static; float: left; width: 33%; }
    .dynamicList li .dynamic-title { width: 62%; }
    /*********动态dynamic end*******/

    /*********联系contact start******/
    .contact .contactCon .contactList .list li { width: 100%; padding-top: 80px; }
    .contact .contactCon .contactList { padding: 0 0 60px; }
    /*********联系contact end********/
}

@media screen and (max-width: 400px) {
    footer .footer .footer-form .form .row .txt.f1, footer .footer .footer-form .form .row .txt.f2 { width: 250px; }
}

@media screen and (max-width: 360px) {
    .product .productCon .product-nav a { font-size: 12px; }
    .productInfo .productInfoCon .pro-nav ul li { padding: 0 15px; }
}

@media screen and (max-width: 320px) {
    footer .footer .footer-form .form .row .txt.f1, footer .footer .footer-form .form .row .txt.f2 { width: 230px; }
    .productInfo .productInfoCon .pro-nav ul li { padding: 0 11px; }
}
